<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,aItemress=no">
	<title>联系我们</title>
	<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
	<link rel="stylesheet" type="text/css" href="../../css/app.css" />
	<style type="text/css">
		textarea {
			height: 10rem;
			font-size: 0.75rem;
			padding: 1rem 0.75rem 2rem 0.75rem;
		}

		.aui-btn-block {
			height: 2.2rem;
			line-height: 2.2rem;
			color: #FFFFFF;
			/*background: linear-gradient(-152deg, #ff00ff, #9b00ff);*/
			/*background: linear-gradient(270deg, #ff00ff, #9471da);*/
			/*background: linear-gradient(270deg, #ee02fd, #9972e6);*/
			background: linear-gradient(135deg, rgba(132, 229, 255, 1) 0%, rgba(107, 180, 255, 1) 100%, rgba(122, 174, 229, 1) 100%);
			width: 95%;
			margin-left: 50%;
			transform: translate(-50%, 1rem);
		}

		.aui-btn {
			border-radius: 1.2rem;
		}

		textarea::-webkit-input-placeholder {
			font-size: 0.75rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(187, 187, 187, 1);
		}

		textarea::-moz-placeholder {
			/* Mozilla Firefox 19+ */
			font-size: 0.75rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(187, 187, 187, 1);
		}

		textarea:-moz-placeholder {
			/* Mozilla Firefox 4 to 18 */
			font-size: 0.75rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(187, 187, 187, 1);
		}

		textarea:-ms-input-placeholder {
			/* Internet Explorer 10-11 */
			font-size: 0.75rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(187, 187, 187, 1);
		}

		.unactive {
			width: 17.25rem;
			height: 2.4rem;
			background:#005A93;
			border-radius: 1.23rem;
			margin: auto;
			margin-top: 2rem;
			font-size: 0.8rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(255, 255, 255, 1);
			line-height: 2.4rem;
			text-align: center;
			border-radius: 0.3rem;
		}

		.active {
			width: 17.25rem;
			height: 2.4rem;
			background:#005A93;
			opacity:0.3;
			border-radius: 1.23rem;
			margin: auto;
			margin-top: 2rem;
			font-size: 0.8rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(255, 255, 255, 1);
			line-height: 2.4rem;
			text-align: center;
			border-radius: 0.3rem;

		}

	</style>
</head>

<body>
	<div id="app">
		<div>
			{{details}}
		</div>
		

	</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/vue.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script>
	var vm = new Vue({
		el: "#app",
		data: {
			content: '',
			isfocus: false,
			details:''
		},
		methods: {
			get_list: function() {
					get_data('api/page/details', {}, function(ret) {
						if(ret.status) {
							vm.details = ret.data
						}
					})
				},
		}
	})


</script>

</html>
